<template>
  <div class="home">
    axios配置参数
  </div>
</template>

<script>
import axios from "axios";

export default {
  //axios实例化
  //后端接口地址有多个，并且超时时长不一样
  name: "demo5",
  components: {},
  created() {
    axios.create({
      baseURL:'http://localhost:8080',// 请求的域名、基本地址,
      timeout:1000,//请求的基本时长(ms)
      url:'/data.json',//请求的路径
      method:'get', //请求方法:get post put patch delete
      headers:{
        token:''
      },//设置请求头,比如设置token
      params:{

      }, //会将请求参数拼接到url上
      data:{

      }//会将请求参数放在请求体内
    })
    axios.get('/data.json',{
      params:{
        id:12
      }
    })

    // 1.axios全局配置(有些级从低到高)
    axios.defaults.timeout=1000
    axios.defaults.baseURL='http://localhost:8080'
    // 2.axios实例配置
    let instance=axios.create()
    instance.defaults.timeout=3000
    // 3.axios请求配置(优先级最高)
    instance.get('/data.json',{
      timeout:5000
    })


    // 实际开发案例：
    //有两种请求接口
    //http://localhost:9090
    //http://localhost:9091
    let demoaxios=axios.create({
      baseURL:'http://localhost:9090',
      timeout:1000
    })
    let demoaxios2=axios.create({
      baseURL:'http://localhost:9091',
      timeout:3000
    });
    demoaxios.get('/contactList',{
      params:{}
    }).then(
      (res)=>[
        console.log(res)
      ]
    )

    demoaxios2.get('/orderList',{
      timeout:5000,//重新赋值超时延长覆盖
    }).then((res)=>{
      console.log(res)
    })

  }
};
</script>
